<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + "/" + path;
%>


<html>
<head>

    <base href="<%=basePath%>">

    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/>
    <link rel="stylesheet" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">

</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" method="post" action="${baseData !=null ? 'baseData/update.do':'baseData/insert.do'}"
          id="baseDataForm">
        <%--修改id--%>
        <input type="hidden" name="baseId" value="${baseData.baseId}">

        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>基础数据名称</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="${baseData.baseName}" placeholder="请输入基础数据名称" id="baseName"
                       name="baseName">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>数据描述</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea name="baseDesc" cols="" rows="" class="textarea" placeholder="说点什么"
                          dragonfly="true" >${baseData.baseDesc}</textarea>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">所属类别：</label>
            <div class="formControls col-xs-8 col-sm-9"> <span class="select-box" style="width:150px;">
			<select class="select" name="parentId" size="1">
				<option value="">请选择</option>
                <c:forEach var="parent" items="${parents}">
                    <option ${baseData.parentId eq parent.baseId? 'selected':''} value="${parent.baseId}">${parent.baseName}</option>
                </c:forEach>
			</select>
			</span></div>
        </div>

        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>


<script type="text/javascript">
    /*Form进行表单验证*/
    $(function () {
        $("#baseDataForm").validate({

            rules: {
                baseName: {
                    required: true

                },
                baseDesc: {

                    required: true

                }

            },
            messages: {
                //校验失败提示消息
                baseName: {
                    required: "名称不能为空!"
                },
                baseDesc: {
                    required: "描述不能为空!"
                }
            },
            submitHandler: function (form) {

                $(form).ajaxSubmit(function (data) {

                    layer.msg(data.msg, {icon: data.code, time: 1500}, function () {
                        if (data.code == 1) {

                            //刷新父页面的boostrap-Table表格
                            parent.refreshTable();

                            //让父页面关闭弹框
                            parent.layer.closeAll();
                        }
                    })

                });

            }

        });
    });


</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
